<template>
	<view class="root">
		<view class="list" @click="goToDetail">
			<view class="picture">
				<image src="../../../static/kn.jpg" mode="" class="img"></image>
			</view>
			<view class="content">
				<view class="title">
					<text>第27届“艺庐雅集”在杭州西卡艺术中心圆满举办</text>
				</view>
				<view class="time">
					<text>展览时间：2021-10-10至2021-11-20</text>
				</view>
				<view class="count">
					<text>9877人看过</text>
				</view>
				<view class="address">
					<text>杭州西卡艺术中心</text>
				</view>
			</view>
		</view>
		<view class="list" @click="goToDetail">
			<view class="picture">
				<image src="../../../static/kn.jpg" mode="" class="img"></image>
			</view>
			<view class="content">
				<view class="title">
					<text>庆祝建党100周年迎新春书画工艺作品展在新密开幕</text>
				</view>
				<view class="time">
					<text>展览时间：2021-10-10至2021-11-20</text>
				</view>
				<view class="count">
					<text>6789人看过</text>
				</view>
				<view class="address">
					<text>北京市东城区中华民族艺术珍品馆</text>
				</view>
			</view>
		</view>
		
		<view class="list" @click="goToDetail">
			<view class="picture">
				<image src="../../../static/kn.jpg" mode="" class="img"></image>
			</view>
			<view class="content">
				<view class="title">
					<text>庆祝建党100周年迎新春书画工艺作品展在新密开幕</text>
				</view>
				<view class="time">
					<text>展览时间：2021-10-10至2021-11-20</text>
				</view>
				<view class="count">
					<text>9659人看过</text>
				</view>
				<view class="address">
					<text>河南省新密市国辰艺术博物馆</text>
				</view>
			</view>
		</view>
		<view class="list" @click="goToDetail">
			<view class="picture">
				<image src="../../../static/kn.jpg" mode="" class="img"></image>
			</view>
			<view class="content">
				<view class="title">
					<text>庆祝建党100周年迎新春书画工艺作品展在新密开幕</text>
				</view>
				<view class="time">
					<text>展览时间：2021-08-08至2021-09-08</text>
				</view>
				<view class="count">
					<text>6789人看过</text>
				</view>
				<view class="address">
					<text>苏州博物馆现代艺术厅</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			goToDetail(){
				uni.navigateTo({
					url:'../detail/detail'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.root{
		width: 90%;
		margin-left: 5%;
	}    
	.list{
		display: flex;
		margin-top:20rpx;
	}
	.img{
		width: 180rpx;
		height: 240rpx;
		margin-right: 40rpx;
		border-radius: 10rpx;
		margin-top: 10rpx;
	}
	.content{
		width: 540rpx;
		height: 280rpx;
		border-bottom: 2rpx solid #bcbdbc;
	}
	.title{
		font-size: 30rpx;
		font-weight: 700;
	}
	.time{
		font-size: 24rpx;
		color: #a5a5a5;
	}
	.count{
		background-color: #f6dfdd;
		width: 160rpx;
		height: 32rpx;
		position: relative;
		}
	.count text{
		color: #d65857;
		font-size: 24rpx;
		position: absolute;
		left: 12rpx;
		top: -4rpx;
	}
	.address{
		font-size: 24rpx;
		color: #bcbdbc;
		padding-top: 20rpx;
	}
</style>
